<template>
    <div class="add" style="position: fixed; top: 0; width: 100%; height: 2000px; background: white">
      <div style="width: 100%;height: 55px;background: white;display: flex" @click="fanhui">
        <div style="font-family: 'Avenir';font-size: 20px;margin: 10px 0 0 15px"><van-icon name="arrow-left" /></div>
        <div style="font-family: 'Avenir';font-size: 20px;margin: 10px 0 0 135px">注销账号</div>
      </div>
      <div style="font-size: 18.5px;margin: 30px 0 0 10px;margin-right: 10px">账号注销后，以下信息将被清空且无法找回</div>
      <div style="width: 86%;height: 180px;background: rgba(145,145,145,0.11) ;margin: 18px 0 0 30px;border-radius: 4px 4px 0 0;">
        <div style="width: 100%;height: 40px;display: flex">
          <div style="color: #51b8ff; font-weight: bold; font-size: 20px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">·</div>
          <div style="font-size: 17px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">身份、账号信息</div>
        </div>
        <div style="width: 100%;height: 40px;display: flex">
          <div style="color: #51b8ff; font-weight: bold; font-size: 20px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">·</div>
          <div style="font-size: 17px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">派件记录，揽收记录</div>
        </div>
        <div style="width: 100%;height: 40px;display: flex">
          <div style="color: #51b8ff; font-weight: bold; font-size: 20px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">·</div>
          <div style="font-size: 17px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">交易记录</div>
        </div>
        <div style="width: 100%;height: 40px;display: flex">
          <div style="color: #51b8ff; font-weight: bold; font-size: 20px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">·</div>
          <div style="font-size: 17px; margin: 10px 0 0 20px; height: 100%; line-height: 25px;">个人隐私信息</div>
        </div>

      </div>
      <div style="width: 79%; height: 60px; background: rgba(145,145,145,0.11); margin: 0px 0 0 30px; border-radius: 0 0 4px 4px; padding: 15px;color: darkgray;border-top: 1px solid gray;">
      请确保所有交易已完结目无纠始、账户余额为0，账号注销后的历史交易可能产生的资全退回权益等将视作自动放弃。
      </div>

      <div style="display: flex;width: 85%;height: 70px;background: white;margin-left: 30px">
        <van-checkbox v-model="checked" shape="square"  />
        <div style="margin: 23px 0 0 10px;color: darkgray">我已阅读并同意</div>
        <div style="margin: 23px 0 0 1px;color: #51b8ff" @click="agreement">《用户注销协议》</div>
      </div>
      <van-button type="primary" style="width: 85%; height: 45px; background: #51b8ff;
     border: white; font-size: 18px; margin-top: 10px; border-radius:50px;" @click="LogoutUpdate"  >下一步</van-button>

    </div>
</template>

<script >
import { ref } from 'vue';

import {userPhoneUpdate ,userPasswordUpdate , userPayPasswordUpdate, Delete, yzm} from "@/api/SetUp/AccountSafe/accountSafa"

export default {
  setup() {
    const checked = ref(false);
    return {
      checked,
    };
  },
  data() {
    return {
      checked:true,
      user:JSON.parse(localtSorage.getItem('login')),
    };
  },
  created() {
  },
  methods: {
    fanhui() {
      this.$router.push('/accountSafe')
    },
    agreement(){
      this.$router.push("/agreement")
    },
    LogoutUpdate(){

      if(!this.checked){
        this.$toast('请先阅读并同意用户注销协议');
        return;
      }else{

        this.$router.push({path:'/captcha', query: {name: '注销'}})
      }

    },
  }
}

</script>

<style scoped>

</style>
